<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>检测报告-详细报告</title>
    <style type="text/css">
        p {
            margin-bottom: 8px;
            padding-bottom: 8px;
            font-size: 15px;
        }

        p.edit{
            color: green;
        }
    </style>
    <link rel="stylesheet" href="css/edit_paper.css">
    <link rel="stylesheet" href="../layui/css/layui.css">
</head>
<body style="OVERFLOW:SCROLL;">
<div class="container">
    <div class="tips">
        <div style="padding-left: 70px; padding-bottom: 30px;color: #3F3F3F">
            原文：
        </div>
        <div style="padding-right: 570px; padding-bottom: 30px;color: #3F3F3F">
            以下修改过的段落显示为<span style="color: green">绿色</span>字体
        </div>
    </div>
    <div class="main-content">
            <div class="layui-col-md6" style="margin-left: 60px">
                <div class="layui-panel">
                    <div style="padding: 30px; min-height: 1000px;height: 100%;word-wrap:break-word;word-break:break-all;overflow: hidden;" id="origin-content"></div>
                </div>
            </div>
            <div class="layui-col-md6" style="margin-right: 60px">
                <div class="layui-panel">
                    <div style="padding: 30px; min-height: 1000px;height: 100%;word-wrap:break-word;word-break:break-all;overflow: hidden;" id="edit-content"></div>
                </div>
            </div>
    </div>
    <div class="zhengwencenter">
        <p>
            检测报告由SameReport文献相似度检测系统生成
        </p>
        <p>
            Copyright © 2007-2023 SameReport
        </p>
    </div>
    <div style="height:200px;background-color: #FAFAFA;color: #FAFAFA"></div>
</div>



<script type="application/javascript" src="js/jquery.min.js"></script>
<script src="../layui/layui.js"></script>
<script src="js/data.js"></script>
<script type="application/javascript" src="js/mustache.min.js"></script>
<script type="application/javascript">
    layui.use(['dropdown', 'util', 'layer'], function () {
        var element = layui.element;
        var layer = layui.layer;

        //监听折叠
        element.on('collapse(test)', function (data) {
            layer.msg('展开状态：' + data.show);
        });
    });
</script>
<script>
    let localkey = 'edit_paragraphs_' + order_number;
    if (localStorage.getItem(localkey) === null) {
        localStorage.setItem(localkey, JSON.stringify(edit_paragraphs))
    }
    let local_edit_paragraphs = JSON.parse(localStorage.getItem(localkey))
    local_edit_paragraphs.forEach(paragraph => {
        if(paragraph.edit===0){
            let dom = document.createElement('p')
            dom.innerText = '  '+paragraph.content;
            document.getElementById('edit-content').appendChild(dom);
        }else{
            let dom = document.createElement('p')
            dom.className='edit'
            dom.innerText = '  '+paragraph.content;
            document.getElementById('edit-content').appendChild(dom);
        }
    })

    paragraphs.forEach(paragraph => {
        let dom = document.createElement('p')
        dom.innerText = '  '+paragraph.content;
        document.getElementById('origin-content').appendChild(dom);
    })
</script>
</body>
</html>
